<div class="home">
  <!-- <div class="header">
    <div class="head">
      <div class="back" @click="$router.go(-1)">
        <icon-svg icon-class="iconfontshequyijujue" class="iconfontshequyijujue"></icon-svg>
      </div>
      <div class="title text-center">无人货架</div>
      <div class="shareBox">
        <icon-svg icon-class="fenxiang" class="share"></icon-svg>
      </div>
    </div>

  </div> -->
  <div class="container" ref="container">
    <div class="banner" v-for="item in Imgs">
      <!-- <img src="~@/public/img/index1.png" alt="banner"> -->
      <img :src="HTTP +item.image" alt="banner">
    </div>
    <div class="componeyTitle">
      <div class="componeyName text-nowrap">当前货柜:{{companys.company}}</div>
      <div style="display: flex;align-items: center;">
        <div class="scan">
          <icon-svg icon-class="richscan_icon" class="scanIcon"></icon-svg>
          <p style="margin:0 8px;">扫码更换货柜</p>
        </div>
        <div>
          <icon-svg icon-class="iconfontyoujiantou" class="scanIcon"></icon-svg>
        </div>
      </div>

    </div>

  </div>

  <!-- <div class="main" ref='sidebar'> -->
  <div class="cart" ref='sidebar'>
    <div class="sidebar">
      <div v-for="(value,index) in oneClass" :key="index" @click="changeTab(value, index)" v-text="value.shelves_name" :class="{'active': activeFlag == index}"></div>
    </div>

    <div class="merchandise flex">
      <div v-for="(value, index) in twoClass">

        <div class="twoClassName text-left">
          <span class="twoClassText" v-if="goods_name">{{value.layered_name}}</span>
        </div>

        <ul>
          <li v-for="(good,index) in value.layered_goods" :key="good.id">
            <div class="goodImg flex">
              <img :src="HTTP + good.image" alt="good">
            </div>
            <div class="describe flex text-left">
              <p class="name text-nowrap">{{good.name}}</p>
              <p class="count">库存：{{good.number}}</p>
              <p class="price">￥{{good.sell_price}}</p>
            </div>
            <div class="number flex">
              <div class="subnumber" @click="changeQuentity(good, -1)" v-if="good.quentity >= 1">
                <img src="~@/public/img/less.png">
              </div>
              <input class="numInput text-center" type="text" disabled v-model="good.quentity" v-if="good.quentity >= 1">
              <div class="numberadd" @click="changeQuentity(good, 1)" :class="[good.quentity >= 1 ? '' : 'marginLeft']">
                <img src="~@/public/img/add.png">
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!-- </div> -->
  </div>

  <fixBottom :check="1" :goodNum="goodNumber"></fixBottom>
</div>